<template>
	<view>
		<cu-custom bgColor="bg-white" :isBack="true">
			<block slot="content">
				<view class="custom-title">意见反馈</view>
			</block>
		</cu-custom>
		<view class="addContent">
			<view class="selType">选择类型：</view>
			<view class="selList">
				<view :class="selTab==1?'sel':'unsel'" @click="selTab=1">数据问题</view>
				<view :class="selTab==2?'sel':'unsel'" @click="selTab=2">我要投诉</view>
				<view :class="selTab==3?'sel':'unsel'" @click="selTab=3">其他</view>
			</view>
			<view class="selType margin-top-52">反馈内容：</view>
			<view class="margin-top-12 textare-class">
				<textarea class="" v-model="content"  placeholder="请输入具体内容"></textarea>
			</view>
			<view class="selType margin-top-48">上传文件：</view>
			<view class="flex align-center justify-start margin-top-12">
				<view class="file-up-content margin-right-24">
					<image src="https://txr001.zthj.net/static/img/fileUpload.png" class="img-48"></image>
				</view>
				<view class="file-up-content">
					<image src="https://txr001.zthj.net/static/img/fileUpload.png" class="img-48"></image>
				</view>
			</view>
			
			<view class="padding-top-32 update-info">
				注:单次只能上传一个文件,支持JPG、PNG、PDF文件类型，文件大小不超过5MB。
			</view>
		</view>
		<view class="footer flex align-center justify-center">
			<button class="cu-btn submit-btn">提交</button>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				selTab:1,
				content:''
			}
		},
		onLoad(){
		},
		methods: {
			toAddFeedBack(){
				uni.navigateTo({
					url:"/pages/setting/addFeedBack"
				})
			}
			
		}
	}
</script>

<style>
	page{background: linear-gradient(180deg, rgba(244,244,244,0) 10%, #F4F4F4 19%);height: 120vh !important;}
</style>
<style scoped lang="less">
	.addContent{
		margin: 46rpx 32rpx;
		padding: 32rpx 32rpx 48rpx;
		background-color: #fff;
		border-radius: 48rpx;
		.selType{
			font-size: 28rpx;
			font-weight: 500;
			color: #010101;
		}
		.selList{
			margin-top: 24rpx;
			display: flex;
			align-content: center;
			justify-content: flex-start;
			.sel{
				height: 64rpx;
				line-height: 64rpx;
				background: #010101;
				border-radius: 32rpx;
				font-size: 28rpx;
				padding: 0 32rpx;
				color: #FFFFFF;
				margin-right: 32rpx;
			}
			.unsel{
				height: 64rpx;
				line-height: 64rpx;
				border-radius: 32rpx;
				border: 2rpx solid #D9D9D9;
				font-size: 28rpx;
				padding: 0 32rpx;
				color: #010101;
				margin-right: 32rpx;
			}
		}
		.textare-class{
			height: 374rpx;
			border-radius: 8rpx;
			border: 2rpx solid #D9D9D9;
			padding: 20rpx 24rpx;
		}
	}
</style>